html, body { background: #e2e2e2; font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;}

a:link, a:visited, a:active {color: #333; text-decoration: none; word-break: break-all; }
a:hover {color: #000; text-decoration: underline; }

a.btn:link, a.btn:visited, a.btn:active { color: #fff; }

a.dark:link, a.dark:visited, a.dark:active {color: gray; text-decoration: none; }
a.dark:hover {color: #385f8a; text-decoration: none; }

a.tb:link, a.tb:visited, a.tb:active {font-size: 11px; line-height: 12px; color: #333; text-decoration: none; display: inline-block; padding: 3px 10px 3px 10px; border-radius: 15px; text-shadow: 0px 1px 0px #fff; }
a.tb:hover {background-color: rgba(255, 255, 255, 0.3); color: #000; text-decoration: none; border-radius: 15px; }

a.op:link, a.op:visited, a.op:active {background-color: #f0f0f0; font-size: 10px; line-height: 10px; display: inline-block; padding: 4px 4px 3px 4px; border-radius: 3px; text-decoration: none; border: 1px solid #ddd; color: #666; vertical-align: baseline; }
a.op:hover {text-decoration: none; background-color: #e0e0e0; border: 1px solid #c0c0c0; color: #333; }

a.count_livid:link, a.count_livid:active {line-height: 12px; font-weight: bold; color: white; background-color: #aab0c6; display: inline-block; padding: 2px 10px 2px 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-decoration: none; margin-right: 5px; word-break: keep-all; }
a.count_livid:hover {line-height: 12px; font-weight: bold; color: white; background-color: #969cb1; display: inline-block; padding: 2px 10px 2px 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-decoration: none; }

a.count_blue:visited, a.count_green:visited, a.count_orange:visited, a.count_livid:visited {line-height: 12px; font-weight: bold; color: white; background-color: #e5e5e5; display: inline-block; padding: 2px 10px 2px 10px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; text-decoration: none; margin-right: 5px; }

a.author:link, a.author:visited, a.author:active { font-size: 10px; line-height: 10px; display: inline-block; padding: 4px 4px 4px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #666; }
a.author:hover {text-decoration: none; color: #444; }

a.node:link, a.node:visited, a.node:active {background-color: #f5f5f5; font-size: 10px; line-height: 10px; display: inline-block; padding: 4px 4px 4px 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #999; }
a.node:hover {text-decoration: none; background-color: #e2e2e2; color: #777; }

a.tab:link, a.tab:visited, a.tab:active {display: inline-block; font-size: 13px; line-height: 13px; padding: 5px 8px 5px 8px; margin-right: 5px; border-radius: 3px; color: #555; }
a.tab:hover {background-color: #f5f5f5; color: #000; text-decoration: none; }

a.tab_current:link, a.tab_current:visited, a.tab_current:active {display: inline-block; font-size: 13px; line-height: 13px; padding: 5px 8px 5px 8px; margin-right: 5px; border-radius: 3px; background-color: #59BF74; color: #fff; }
a.tab_current:hover {background-color: rgb(84, 199, 115); color: #fff; text-decoration: none; }

.clr:after {clear: both;content: '\0020';display: block;visibility: hidden;height: 0;}

/* nav */
.navbar-default { position: relative; z-index: 1000; }
.navbar-default .navbar-nav>li>a { color: #ddd; }
.navbar-default .navbar-nav>.active>a { color: #fff; }

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus { background-color: #59BF74; }

.search-query {padding-left: 8px;padding-right: 8px;margin-bottom: 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; height: 30px; margin-top: 6px;}

.navbar-header .navbar-brand { margin-top: -5px; }
.navbar-header .navbar-brand img { width: 123px;height: 29px; }

.wrapper {margin-top: -20px;}

.box_white { background: #FFF; clear: both; overflow: hidden; margin-left: -5px; margin-right: -5px; }
.article-prosign { width: 62px;position: absolute;z-index: 2;right: 20px;top: 110px;background-color: #6f42c1;border-radius: 2px;box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);color: #fff;display: inline-block;font-weight: 600;line-height: 1;padding: 3px 4px;text-align: center; opacity: 0.8; }

.container .header_title { height: 60px; }
.container .banner { height: 20px; }

.breadcrumb {background-color: #fAfAfA; margin-bottom: 0px; margin-left: -5px; margin-right: -5px;}

.container .form-horizontal {padding-top:15px; padding-bottom:15px;}

.article { overflow: hidden; border-top: solid 2px #fff; margin-bottom: 11px; }
.article:hover {border-top: solid 2px #59BF74;}
.article:hover h2 a { color: #000 }
.article:hover p.text { color: #343434; }
.article .row { border-bottom: 1px solid #e5e5e5; padding: 10px 20px 10px 12px; margin-left:0px; margin-right:0px; }
.article .row div { padding: 0px; }
.article .row .text {font-family: "NSimSun";font-size: 12px;color: #aaa;line-height: 1.8;}
.article h2 {font-size: 20px;font-size: 2rem;color: #474747;font-family: '\5FAE\8F6F\96C5\9ED1';margin: 15px 0 20px 0px;line-height: 1.5;}
.article h2 em {font-style: normal;color: #060;}
.article h2 a {color: #474747;text-decoration: none;overflow: hidden;}

.article .metatag a {color: #333333;}
.article .metatag .list-inline { display: inline-block; padding: 0 10px; margin-bottom: 0px; }
.article .metatag .list-inline a { color: #737373; text-decoration: none;font-size: 12px;position: relative; font-size: 1.2rem;}
.article .metatag .list-inline li:hover a { color: #DB6D4C;}
.article .metatag .source {height: 20px;color: #b5b5b5;font-style: italic; margin-right: 20px;}
.article .metatag .date {height: 20px;color: #b5b5b5;font-style: italic; margin-right: 20px;}
.article .metatag .author {height: 20px; margin-right: 20px;}
.article .metatag .cmt, .article .metatag .like, .article .metatag .view, .article .metatag .collect { margin: 0 5px; color:#979797; }
.article .metatag .hadlike i { color: #ff0000; }
.article .metatag a:hover { text-decoration: none; color: #59BF74; }

.sidebar {margin-bottom: 12px; border-bottom: 1px solid #e2e2e2;}
.sidebar .top { height: 38px; line-height: 38px; border-bottom: solid 1px #EAEAEA; position: relative; margin-bottom: 15px; }
.sidebar .top .title { line-height: 24px;font-size: 14px;font-weight: bold;display: inline-block;margin-bottom: 4px;margin-top: 10px; margin-left: 10px;}
.sidebar .top .list-inline { }
.sidebar .top .list-inline li { color: #EAEAEA; }
.sidebar .top .list-inline li a { color: #c1c1c1; font-family: "NSimSun"; font-size: 14px; font-size: 1.4rem; padding: 10px 10px; text-decoration: none;}
.sidebar .top .list-inline li a.cur { color: #DD7657; }
.sidebar .top .bar { position: absolute; width: 59px; height: 3px;background: #DB6D4C;left: 18px;bottom: -13px; }
.sidebar .top .more { float: right; cursor: pointer;margin-right: 10px }

.sidebar .box {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 0px 2px rgba(0,0,0,0.05);-moz-box-shadow: 0 0px 2px rgba(0,0,0,0.1);box-shadow: 0 0px 2px rgba(0,0,0,0.05); clear:both; overflow: hidden; margin: 5px;}
.sidebar .avatar-area, .sidebar .profile-show { margin-left: 20px; position: relative; }
.sidebar .avatar-area .pro-sign {  background-color: #6f42c1;border-radius: 2px;box-shadow: inset 0 -1px 0 rgba(27, 31, 35, 0.12);color: #fff;display: inline-block;font-size: 12px;font-weight: 600;line-height: 1;padding: 3px 4px; position: absolute; bottom: 0px; left: 20px; opacity: 0.8; }
.sidebar .inner { margin: 0 20px 10px 15px; font-size: 12px; }

.sidebar .sb-content { padding-bottom: 15px; }
.sidebar .sb-content .topic-list { margin: 15px 5px 10px 0px; }
.sidebar .sb-content .topic-list ul { margin-left: 12px; }
.sidebar .sb-content .topic-list ul li i{ float: left;width: 4px;height: 4px;background: #858585;margin-top: 13px;margin-right: 7px; }
.sidebar .sb-content .topic-list ul li a { text-decoration: none; line-height: 30px;height: 30px;padding-bottom: 18px;width: 180px;font-size: 12px;color: #666666; white-space: nowrap; }
.sidebar .sb-content .topic-list ul li a:hover { color: #59BF74; }

.sidebar .sb-content .article-list { margin: 15px 5px 10px 0px; }
.sidebar .sb-content .article-list ul { margin-left: 12px; }
.sidebar .sb-content .article-list ul li i{ float: left;width: 4px;height: 4px;background: #858585;margin-top: 13px;margin-right: 7px; }
.sidebar .sb-content .article-list ul li a { text-decoration: none; line-height: 30px;height: 30px;padding-bottom: 18px;width: 180px;font-size: 12px;color: #666666; white-space: nowrap; }
.sidebar .sb-content .article-list ul li a:hover { color: #59BF74; }

.sidebar .sb-content .project-list { margin: 15px 5px 10px 0px; }
.sidebar .sb-content .project-list ul { margin-left: 12px; }
.sidebar .sb-content .project-list ul li { display: list-item; height: 54px;border-bottom: solid 1px #EAEAEA;position: relative; padding-bottom: 10px;}
.sidebar .sb-content .project-list ul li:hover { background: #F9F9F9;}
.sidebar .sb-content .project-list ul li .logo{ float: left;width: 54px;height: 54px;line-height: 54px;text-align: center;font-family: "Times New Roman";font-style: italic;color: #fff;font-size: 20px;font-size: 2rem; }
.sidebar .sb-content .project-list ul li .title{ width: 145px;height: 54px;float: left;margin-left: 18px; }
.sidebar .sb-content .project-list ul li .title h4{ height: 30px;padding: 7px 0;overflow: hidden; }
.sidebar .sb-content .project-list ul li .title a { font-size: 12px;font-size: 1.2rem;font-family: "NSimSun";color: #858585;line-height: 18px; text-decoration: none; color: #666666; white-space: nowrap; }
.sidebar .sb-content .project-list ul li .title a:hover { color: #59BF74; }

.sidebar .sb-content .resource-list { margin: 15px 5px 10px 0px; }
.sidebar .sb-content .resource-list ul { margin-left: 12px; }
.sidebar .sb-content .resource-list ul li i{ float: left;width: 4px;height: 4px;background: #858585;margin-top: 13px;margin-right: 7px; }
.sidebar .sb-content .resource-list ul li a { text-decoration: none; line-height: 30px;height: 30px;padding-bottom: 18px;width: 180px;font-size: 12px;color: #666666; white-space: nowrap; }
.sidebar .sb-content .resource-list ul li a:hover { color: #59BF74; }

.sidebar .sb-content .cmt-list {}
.sidebar .sb-content .cmt-list ul { margin: 2px 15px; position: relative; }
.sidebar .sb-content .cmt-list ul li { height: auto;border-bottom: solid 1px #EAEAEA; margin-bottom: 5px; }
.sidebar .sb-content .cmt-list ul li:after { display: block;visibility: hidden;height: 0; content: '\0020'; clear: both; }
.sidebar .sb-content .cmt-list ul li .pic { width: 45px; height: 45px; overflow: hidden; position: absolute; margin-top: 10px; }
.sidebar .sb-content .cmt-list ul li .pic img { border-radius: 4px; }
.sidebar .sb-content .cmt-list ul li .word { margin-left: 53px; }
.sidebar .sb-content .cmt-list ul li .word .w-name { color: #949494;font-size: 12px;font-size: 1.2rem;font-family: "simsun";height: 20px;line-height: 20px; }
.sidebar .sb-content .cmt-list ul li .word .w-name a { font-weight: bold;max-width: 80px;overflow: hidden;height: 20px; padding-right: 5px; }
.sidebar .sb-content .cmt-list ul li .word .w-page { padding-top: 2px;font-family: "simsun";font-size: 12px;font-size: 1.2rem;color: #c1c1c1; }
.sidebar .sb-content .cmt-list ul li .word .w-comment { line-height: 18px;max-height: 54px;_height: 54px;color: #59BF74;font-family: "simsun";font-size: 12px;font-size: 1.2rem;overflow: hidden;padding-top: 2px; }
.sidebar .sb-content .user-list ul li {width: 90px;text-align: center;margin-bottom: 8px;}
.sidebar .sb-content .user-list ul li .name {text-overflow: clip;}

.sidebar .sb-content .stat-list ul { margin: 2px 15px; }

.sidebar .sb-content .image-list ul { margin: 2px 15px; }
.sidebar .sb-content .image-list ul li { height: 95px; margin-top: 10px; }

.sidebar .sb-content .reading-list ul {margin: 2px 15px;}

.sidebar .sb-content .node-list ul {margin: 2px 15px;}
.sidebar .sb-content .node-list ul li {display: inline;}
.sidebar .sb-content .node-list ul li a {display: inline-block;margin-right: 3px;margin-bottom: 6px;padding: 2px 10px;color: #778087;text-decoration: none;background-color: #f5f5f5;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.sidebar .sb-content .node-list ul li a:hover {background-color: #7A7A7A; color:#FFF;}

.sidebar .sb-content .rank-list { margin: 15px 5px 10px 0px; }
.sidebar .sb-content .rank-list ul { margin-left: 10px; }
.sidebar .sb-content .rank-list ul li { font-size: 12px; color: #c1c1c1; position: relative; padding-left: 20px; }
.sidebar .sb-content .rank-list ul li a { text-decoration: none; line-height: 30px;height: 30px;padding-bottom: 18px;width: 180px;font-size: 1.2rem;color: #666666; }
.sidebar .sb-content .rank-list ul li a:hover { color: #59BF74; }
.sidebar .sb-content .rank-list ul li em { position: absolute; top: 5px; left: -5px; display: inline-block; border-radius: 50%; width: 20px; height: 20px; font-size: 1.2rem; background-color: #ccd0d3; color: #fff; text-align: center; line-height: 20px; vertical-align: middle;}
.sidebar .sb-content .rank-list ul li img { position: absolute; top: 0px; left: -5px; }

/* 详情页 */
.page {}
.page .title { padding: 10px; font-size: 14px; line-height: 120%; text-align: left; border-bottom: 1px solid #e2e2e2; overflow: auto; }
.page .title h1 { font-size: 24px; font-weight: 500; line-height: 150%; margin: 0px 0px 10px 0px; padding: 0px;}
.page .title h1 .edit { font-size: 15px; position: absolute; top: 12px; border: 1px solid #e6e6e6;background: #fdfdfd;margin-left: 10px; padding: 3px; }
.page .title h1 .edit:hover { text-decoration: none; background: #121212; color: #fff;}
.page .meta {height: 28px;line-height: 28px;border-bottom: dotted 1px #D8D8D8; margin: 0 30px;}
.page .meta .p-author {float: left;font-family: "NSimSun";font-size: 12px;color: #888888;}
.page .meta .p-author a {color: #272727;}
.page .meta .p-author a:hover {color: #DB6D4C; text-decoration: none; }
.page .meta .p-comment {float: right;padding-left: 10px;border-left: solid 1px #E0E0E0;height: 18px;margin-top: 5px;line-height: 18px;}
.page .meta .p-comment .view,.page .meta .p-comment .like, .page .meta .p-comment .favorite {font-family: "NSimSun";font-size: 12px;color: #888888;}
.page .meta .p-comment .like i { color: red; }
.page .meta .p-comment .hadlike {color: red;}
.page .meta .p-comment a {font-size: 12px;color: #ed5565; text-decoration: none;}
.page .tags {padding: 10px 0 0; margin: 0 30px;}
.page .tags .list-inline li {margin-right: 5px;margin-bottom: 6px;}
.page .tags .list-inline li a {padding: 4px 12px;color: #fff;font-family: "NSimSun";font-size: 12px;background: #9F9F9F;border-radius: 3px;}
.page .tags .list-inline li a:hover {background: #ED5565;text-decoration: none;}
.page .content { font-size: 14px; line-height: 1.6; color: #000; word-wrap: break-word; }
.page .content a { font-weight: bold; color: #3194d0; }
.page .content .container {max-width: 780px !important;}
.page .orig-info {margin: 20px 30px 0 30px; border: 1px dashed #D5D5D5; padding: 10px; font-size: 13px; font-style: italic;}
.page .active {border-bottom: 1px dotted #d8d8d8;padding-bottom: 20px;padding-top: 20px;margin: 0 30px;}
.page .active .mark-like-btn .share-btn {height: 32px;-webkit-transition: background-color 0s;-moz-transition: background-color 0s;transition: background-color 0s;line-height: 32px;background: none;border: 1px solid;position: relative;color: #333;padding: 0px 16px 0px 30px;border-radius: 16px;font-family: "microsoft yahei";float: left;}
.page .active .mark-like-btn .share-btn i {width: 24px;height: 24px;position: absolute;left: 8px;top: 4px; color: #f35454; line-height: 24px;}
.page .active .mark-like-btn a {margin-right: 20px;}
.page .active .mark-like-btn a:hover {text-decoration: none; }
.page .active .mark-like-btn .like-btn {border-color: #f35454;}
.page .active .mark-like-btn .collect {border-color: #ff9933;}
.page .active .mark-like-btn .hadlike {background: #f35454;color: #fff;}
.page .active .mark-like-btn .hadlike i {color: #fff;}
.page .prev-next {margin: 20px 30px 40px; padding-bottom: 5px; border-bottom: 1px dotted #d8d8d8;}
.page .prev-next a {border-bottom: 1px dotted #333; color: #000; text-decoration: none;}

.page .page-comment {}
.page .page-comment .comment-title {height: 30px;line-height: 30px; margin-top: 21px;}
.page .page-comment .comment-title:after { display: block;visibility: hidden;height: 0; content: '\0020'; clear: both; }
.page .page-comment .comment-title h2 { font-size: 24px;color: #D55252;font-weight: normal;float: left; font-family: "microsoft yahei"; margin-top: 0px; }
.page .page-comment .comment-title .h2-tip { font-size: 12px;margin-left: 8px;float: left;color: #505050;padding-top: 4px;font-family: "nsimsun"; margin-bottom: 10.5px;}
/*.page .page-comment .md-toolbar ul { margin-bottom:2px;}
.page .page-comment .md-toolbar ul a.op { -moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;padding: 0 5px;line-height: 18px;font-size: 12px;margin-right: 6px;text-shadow: 0;color: #444;border: 1px solid #fff;}
.page .page-comment .md-toolbar ul a.op:hover { text-decoration: none;}
.page .page-comment .md-toolbar ul .cur a.op { background: #fff;border: 1px solid #ddd;color: #666;}
*/
ul.comment-tab-menu { margin-bottom:2px; }
ul.comment-tab-menu a.op {-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;padding: 0 5px;line-height: 18px;font-size: 12px;margin-right: 6px;text-shadow: 0;color: #444;border: 1px solid #fff;}
ul.comment-tab-menu a.op:hover { text-decoration: none; }
ul.comment-tab-menu .cur a.op { background: #fff;border: 1px solid #ddd;color: #666;}

.page .page-comment .md-toolbar .upload-img { cursor: pointer;}
.page .page-comment .submit {border-bottom: solid 1px #ECECEC;}
/*.page .page-comment .submit textarea {resize: none;width: 100%;color: #000;font-size: 14px;border: solid 1px #E5E5E5;padding: 5px;}*/
textarea.comment-textarea {resize: none;width: 100%;color: #000;font-size: 14px;border: solid 1px #E5E5E5;padding: 5px;}
/*.page .page-comment .submit textarea:focus{border: 1px solid rgba(128, 128, 160, 0.6); outline: none;}*/
textarea.comment-textarea:focus{border: 1px solid rgba(128, 128, 160, 0.6); outline: none;}
.page .page-comment .submit .sub ul { padding-left: 30px; font-size:13px; line-height: 13px;}
.page .page-comment .submit .sub .btn {padding: 6px 22px;}
/*.page .page-comment .content-preview { margin-bottom: 5px; width: 100%;height: 200px;border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;display: none;padding: 10px;overflow: scroll; display: none; }*/
.comment-content-preview  { margin-bottom: 5px; width: 100%;height: 200px;border: 1px solid #CCCCCC;border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;display: none;padding: 10px;overflow: scroll; display: none; }

.footer {margin-top: 40px; margin-bottom: 20px;}

footer#bottom { border-top: 1px solid rgba(0, 0, 0, 0.22); background-color: #fff; text-align: center; color: #999; padding: 0px 10px 0px 10px; }

#gotop { display:none; width:38px;height:38px;position:fixed;right:18px;bottom:20px;background:url(/static/img/top.png) no-repeat; cursor: pointer;}

.newfuture {position: absolute;display: block;overflow: hidden;text-indent: -999px;width: 23px;height: 9px;top: 5px;right: 10px;background: url(/static/img/new.png) no-repeat 0 0;}

.truncate {-o-text-overflow: ellipsis;-moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

/* 弹窗登录框 */
.login-pop {font-family: "microsoft yahei";display: none;top: 0;width: 405px;max-height: 350px;padding: 30px 30px 30px 10px;background: #fff;position: absolute;z-index: 1001;border-radius: 3px;}
@media(max-width: 768px) {
	.login-pop { max-width: 350px; }
	.login-pop .form-horizontal .form-group { margin-left: 0px; }
}
.login-pop .login-form {}
.login-pop .login-form .error {color:red; display:none;}
.login-pop .login-form .form-input {padding-left:0px;}
.login-pop .login-form #login-github {margin-right: 20px;}
.login-pop .login-form .forget a, .login-pop .login-form .register a {font-size: 13px;color: #cc6666;letter-spacing: 1px;}
.login-pop .login-form .register span {color: #333333;font-size: 13px;margin-right: 5px;}

#sg-overlay {position: absolute;display: none;background: #000;filter: Alpha(opacity=70);opacity: 0.7;top: 0;left: 0;z-index: 1000;}

/*淡入淡出提示框 comTip*/
.comTip{display: none;padding: 15px 50px; font-size: 14px; color: #FFF; background:#343434;  line-height: 1; border: solid 2px #010101; position: absolute; top: 0; border-radius: 2px; font-family: 'microsoft yahei';z-index:99999;}
.light {background: #E0F2FC}

.badge-warning {background-color: #db6d4c;}

.clearfix { clear: both; }
.line {border-bottom: 1px dotted #d8d8d8;line-height:1px;margin:0 30px;}

/* validate css */
label.error {color:red;}

.outdated {
    padding: 10px;
    font-size: 12px;
    line-height: 120%;
    text-align: left;
    background-color: #f9f9f9;
    border-left: 5px solid #f0f0f0;
    border-bottom: 1px solid #e2e2e2;
    color: #999;
}

/*emoji*/
.emoji {width:20px;height:20px;vertical-align: middle;}

.img-rounded {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*form required flag*/
.control-label abbr {color: #c00;}

.snow { color: #e2e2e2; }
.cc { color: #ccc; }
.c3 { color: #333; }
.c6 { color: #666; }
.c9 { color: #999; }

.dn {display: none;}

.nav-tabs {background: #fff; }

.no-record {padding: 10px 0; background: #D9EDF7;}

.cell { padding: 10px; font-size: 13px; line-height: 120%; text-align: left; border-bottom: 1px solid #e2e2e2; }

a.balance_area:link, a.balance_area:visited, .balance_area {
    color: #000;
    font-size: 11px;
    line-height: 16px;
    padding: 5px 10px 5px 10px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
    color: #666;
    text-shadow: 0px 1px 0px white;
    display: inline-block;
    margin: -4px -5px 0px 0px;

    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    background: linear-gradient(top, #f5f5f5 0%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e2e2e2',GradientType=0 );
}

a.balance_area:active {
    text-decoration: none;
    color: #333;
    color: #000;

    background: #f0f0f0;
    background: -moz-linear-gradient(top, #f0f0f0 0%, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#c9c9c9));
    background: -webkit-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: -o-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    background: linear-gradient(top, #f0f0f0 0%,#c9c9c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c9c9c9',GradientType=0 );
}

a.balance_area:hover {
    text-decoration: none;
    color: #333;
    color: #000;

    background: #f9f9f9;
    background: -moz-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: -o-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: -ms-linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    background: linear-gradient(top, #f9f9f9 0%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0',GradientType=0 );
}

a.balance_area img { vertical-align: bottom; }

.inner_content { padding: 10px; font-size: 12px; line-height: 150%; text-align: left; }
.inner_content h2 { font-size: 18px; font-weight: 500; line-height: 100%; margin: 15px 0px 15px 0px; padding: 0px 0px 8px 0px; border-bottom: 1px solid #e2e2e2; }
.sep20 { height: 20px; }
.sep10 { height: 10px; }
.sep5 { height: 5px; }

.f13 { font-size: 13px; }
.f12 { font-size: 12px; }
.f11 { font-size: 11px; }

.dock_area {background-color: #edf3f5; background-image: url(/static/img/dock_shadow.png); background-repeat: repeat-x; padding: 0px; }
.chevron {font-family: "Lucida Grande"; font-weight: 500; }

.tag:link, .tag:visited {padding: 5px 10px 5px 10px; line-height: 100%; background-color: #f0f0f0; border-radius: 10px; margin: 0px 5px 0px 5px; display: inline-block; }

.tag:hover {background-color: #99a; color: #fff; text-decoration: none; }

.tag>li {opacity: .15; }


.content-buttons {
    padding: 5px;
    font-size: 14px;
    line-height: 120%;

    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );

    border-radius: 0px 0px 3px 3px;
    text-align: left;
}
#content-thank {
    display: inline-block;
}

.item {
    background-position: 0 bottom;
    background-repeat: repeat-x;
}
.item_title {
    font-size: 16px;
    line-height: 130%;
    text-shadow: 0px 1px 0px #fff;
    word-wrap: break-word;
    hyphens: auto;
    font-weight: 500;
}
.item_title a.title { text-decoration: none; }
.item_title a.title:hover { text-decoration: underline; }

.cell table a.noul { text-decoration: none;}
.cell table a.noul:hover { text-decoration: underline; }
.content .box { background-color: #fff; border-radius: 3px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e2e2e2;}

img.avatar { -moz-border-radius: 4px; border-radius: 4px; }

.nobreak { word-break: normal; }

.line-state {
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    padding: 2px 5px 2px 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: inline-block;
}

.online {
    color: #fff;
    background: #52bf1c;
    background: -moz-linear-gradient(top, #52bf1c 0%, #438906 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52bf1c), color-stop(100%,#438906));
    background: -webkit-linear-gradient(top, #52bf1c 0%,#438906 100%);
    background: -o-linear-gradient(top, #52bf1c 0%,#438906 100%);
    background: -ms-linear-gradient(top, #52bf1c 0%,#438906 100%);
    background: linear-gradient(top, #52bf1c 0%,#438906 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52bf1c', endColorstr='#438906',GradientType=0 );
}

.offline {
    color: #ccc;
    background: #999;
    background: -moz-linear-gradient(top, #999 0%, #666 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666));
    background: -webkit-linear-gradient(top, #999 0%,#666 100%);
    background: -o-linear-gradient(top, #999 0%,#666 100%);
    background: -ms-linear-gradient(top, #999 0%,#666 100%);
    background: linear-gradient(top, #999 0%,#666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 );
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}

.markdown-body h1, .markdown-body h2 {
    border-bottom: 1px solid #eaecef;
}

#bottom .nav-content {
    margin: 0px auto 0px auto;
}

.zan-operation {
    cursor: pointer;
}
.zan-operation:hover {
    color: #ce7358;
}

.zan-operation .zan-wrap {
    background-color: rgba(1,126,102,0.08);
    color: #df957e;
    padding: 0;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 1px;
}
.zan-operation:hover .zan-wrap, .zan-operation.active .zan-wrap {
    background-color: #ce7358;
    color: #FFF
}
.zan-operation .fa {
    font-size: 12px !important;
    vertical-align: baseline;
}
.zan-operation .fa:hover {
    color: #FFF !important;
}
.zan-operation .zan-num {
    color: #df957e;
    font-weight: bold;
}
.zan-operation .zan-num::before {
    content: 'x ';
    font-size: 12px;
}
.dot {
    color: #999;
    font-weight: normal;
}

#user_message_count .badge { background-color: #59BF74; }

.btn-success { color: #fff; background-color: #59BF74; border-color: #59BF74; }
